<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="components-demo">
			<button-counter></button-counter>
			<button-counter></button-counter>
			<button-counter></button-counter>
		</div>	
		<script type="text/javascript">
			Vue.component('button-counter',{
				template:'<button v-on:click="count++">You clicked me {{count}} times</button>',
				data:function(){
					return {
						count:0
					}
				}
			})
			let app=new Vue({
				el:'#components-demo',
			})
		</script>	
		<style type="text/css">
			
		</style>
	</body>
</html>
